//
   Created by wanthering on 2017/9/8.
html
    head
        meta(name='shareId' content= _id)
        //mata(name='shareDesc' content= desc)
        mata(name='shareTitle' content= title)
        mata(name='faceUrl' content= faceUrl)
        meta(http-equiv="Content-Type" content="text/html; charset=utf-8")
        meta(name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=0")
        meta(name="apple-mobile-web-app-status-bar-style" content="black")
        meta(name="apple-mobile-web-app-capable" content="yes")
        meta(content="yes" name="apple-touch-fullscreen")
        meta(name="format-detection" content="telephone=no, email=no")
        title= '【课后习题】'+title
        link(rel="stylesheet" href="/stylesheets/reset.css")
        link(rel="stylesheet" href="/stylesheets/login.css")
        link(rel="stylesheet" href="/stylesheets/homework.css")
        script(src='/javascripts/jquery-1.11.3.min.js')
    body
        .login-wrapper
            .grey-shade
            .login-box
                .login-con
                    .form-title
                        p 为了跟进您的学习进度
                        p 帮助加深记忆、养成习惯
                        p 请确保是您本人的手机号
                    .form-group
                        input(type='number' id='phone' placeholder='请输入您的手机号')
                    .form-group
                        button(type="submit" class="tran pr" id='login')
                            a(href="javascript:;" class="tran") 登录
        .pack-wrapper
            .grey-shade
            .wrapper-main
                .pack-title
                .pack-bg
                    .pack-content
                    .pack-amount
                        span.learningScholar 6.18
                        span 元
                    .pack-type 学习鼓励金
                    .pack-desc 现在使用鼓励金，次日提现到银行卡
                    .pack-text
                        p 因为微信不提供现金支付通道
                        p
                            span 将通过
                            span.rijin 日日进APP
                            span 进行提现
                    a(href='javascript:;')
                        .pack-button#withdraw
                            p 去提现
                    //.pack-extra
                    //    p 为将鼓励金交到您手上，我们选择合作平台非常谨慎
                    //    p 日日进是全国首批通过备案、存管、披露的大型平台
                    //    p 由德恒进行尽职调查、中证司法鉴定中心进行公证

        .wrong-wrapper
            .grey-shade
            .wrong-main
                .wrong-title
                .wrong-desc
                    p 还有一次回答机会！
                    p 请重听课程后返回本页
                .wrong-content
                    .face-record(style='background-image:url(' + faceUrl + '?imageView/0/w/240/h/200)')
                a(href='/audios/'+id)
                    .wrong-button
                        p 重听课程

        .new-wrapper
            .grey-shade
            .wrapper-main
                .new-content
                    .title-rect
                        .new-title
                            p 请注册日日进
                            p 登录App进行提现
                    .you-can-choose 你可以点击以下方式进行注册并提现
                    .register.register-page
                        img(src='/images/register_net.svg')
                        p  网页注册
                    a(href='http://a.app.qq.com/o/simple.jsp?pkgname=com.ririjin.licai')
                        .register.register-app
                            img(src='/images/register_page.svg')
                            p 下载App
                            p.extra ▲ 推荐注册方式
                    .register-info
                        p.info-title 首次领取学习奖励金须知
                        p 注册后，重新回本页面并点击
                            span 【去提现】
                        p 即可领取学习鼓励金
                        p.extra （第一次操作比较麻烦，以后就可以天天领啦）
        .success-wrapper
            .grey-shade
            .wrapper-main
                .new-content
                    .title-rect
                        .success-title
                            p 成功领取学习奖励金！
                    .body-rect
                        .successHead 领取须知
                        .successDesc
                            p 1、登录日日进APP，进入【帐户】︎➢【体验金】
                            p 找到您的学习奖励金，并点击使用。
                            p 2、次日现金到帐，登录APP，提现到银行卡。
                        img(src='/images/preview.jpg')
                    a(href='javascript:;')
                        .close-rect 继续填写选修题
        .main
            .headWrap
                .headNav
                    a(href='/audios/'+id)
                        img(src='/images/back.png')
                        span.backText 重听课程
                    .user
                    .totalAmount 累计奖金
                        span#totalAward 0.00
                        span 元
                .userPanel
                    .userHead 近期学习过的课程
                    a(href="javascript:;")#userLesson
                        .userLesson
                            p#lessonTitle
                                span ..
                    a#logout(href='javascript:;')
                        span.logout 登出
                .titleWrap
                    .title 课后练习题
                    .titleCon
                        span=title
                .faceWrap
                    .face(style='background-image:url('+faceUrl+'?imageView/0/w/240/h/200)')
                    .scholarWrap
                        .scholarTitle
                            span.scholarIcon(style='background-image:url("/images/scholar.svg")')
                            span.scholarText 本期学习奖励金
                        .scholarMain
                            span#scholar
                            span 元
                        .scholarTip
                            p 认真学习还有奖励拿~
                            p 答对2道必修题后领取
                        .alreadyTip
                            p 今天已经领取过奖励啦
                            p 请关注下次课程发布！
            .blank
            input(type='hidden' id='q1right' value=q1.right)
            input(type='hidden' id='q2right' value=q2.right)
            .chooseQuestionWrap
                .questionNum 【必修题】题目一:
                .questionWrap
                    .question=q1.question
                    .answerA='A.  '+q1.a
                    .answerB='B.  '+q1.b
                    .answerC='C.  '+q1.c
                .answerTip  请选择你的答案
                .answerButtonWrap
                    .answerButton.answer1(data-ans='a')    A
                    .answerButton.answer1(data-ans='b')    B
                    .answerButton.answer1(data-ans='c')    C

            .chooseQuestionWrap
                .questionNum 【必修题】题目二:
                .questionWrap
                    .question=q2.question
                    .answerA='A.  ' + q2.a
                    .answerB='B.  ' + q2.b
                    .answerC='C.  ' + q2.c
                .answerTip  请选择你的答案
                .answerButtonWrap
                    .answerButton.answer2(data-ans='a')    A
                    .answerButton.answer2(data-ans='b')    B
                    .answerButton.answer2(data-ans='c')   C
            button#submit 提交答案 领奖励金
            .apart
                p 【注】以下题目为选修题，回答不限
                p 文章参与群内评选，第一名获得小礼物
                p ▼
            .questionNum 【选修题】课后随笔:
            .questionWrap
                .question#articleQuestion=article
                textarea.articleAnswer#articleContent( name="info" rows='10' maxlength='500')
                .textNum 字数:
                    span#textNum  0
            button.submitSave 提交随笔并保存更改
            .articleDesc
                p 您可以随时在这里更新课后随笔
                p 也可以直接贴在群内并@班主任

            .giftWrap
                .giftTitle 课后随笔第1名将获得奖品:
                .giftName=giftName
                img.giftImg(src=giftUrl)


        script(src='/javascripts/cookie.js')
        script(src='/javascripts/countup.min.js')
        script(src='/javascripts/homework.js')
        script(src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js")
        script(type='text/javascript').
            var shareId = $('mata[name=shareId]').attr('content')
            var shareDesc = '听完课程，做课后习题巩固记忆，效果更佳！'
            var shareTitle = $('title').text()
            var shareItemUrl = $('mata[name=faceUrl]').attr('content') + '-item'
            var APPID = 'wx92f602d76b0c05bc';
              $.ajax({
                type: 'post',
                url: 'https://www.enjoyshadow.com:10333/signature',
                data: {'url': window.location.href},
                dataType: 'json',
                success: function (d) {
                  console.log(d);
                  wx.config({
                    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId: APPID, // 必填，公众号的唯一标识
                    timestamp: d.params.timestamp, // 必填，生成签名的时间戳
                    nonceStr: d.params.noncestr, // 必填，生成签名的随机串
                    signature: d.params.signature,// 必填，签名，见附录1
                    jsApiList: ['onMenuShareTimeline',
                      'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                  });

                  wx.ready(function () {
                    wx.onMenuShareTimeline({
                      title: shareTitle, // 分享标题
                      link: "http://audio.enjoyshadow.com/homework/" + shareId, // 分享链接
                      imgUrl: shareItemUrl // 分享图标
                    });

                    wx.onMenuShareAppMessage({
                      title: shareTitle, // 分享标题
                      link: "http://audio.enjoyshadow.com/homework/" + shareId, // 分享链接
                      desc: shareDesc, // 分享描述
                      imgUrl: shareItemUrl // 分享图标
                    });
                  });
                }
              });